<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>新推互动首页</title>
	<link rel="stylesheet" href="__HCSS__/index.css">
	<script src="__HJS__/jquery-3.3.1.min.js"></script>
</head>
<body>
<!-- logo头部  -->
<div class="top-wrap">
	<div class="top-main">
		<div class="top-logo">
			<img src="__HIMG__/logo.png" alt="">
		</div>
		<div class="top-btn">
			
			{if empty($userName)}
			<a href="{:url('home/login/register')}" class="btn-reg">免费注册</a>
			<a href="{:url('home/login/index')}" class="btn-log">登录</a>
			{else/}
			<a href="{:url('home/common/index')}" class="btn-reg">进入控制台</a>
			{/if}
		</div>
		<div class="top-menu">
			<ul>
				<a href=""><li>首页</li></a>
				<a href=""><li>产品</li></a>
				<a href=""><li>帮助</li></a>
				<a href=""><li>资讯</li></a>
				<a href=""><li>案例</li></a>
				<a href=""><li>关于</li></a>
			</ul>
		</div>
	</div>
</div>
<div style="margin-top: 68px; background: #fff;"></div>
<!-- 轮播图 -->
<div class="banner">
	<img class="change pre" src="__HIMG__/banner/pre.png">
	<img class="change next" src="__HIMG__/banner/next.png">
	<div class="cirbox">
		<div class="cir cr"></div>
		<div class="cir"></div>
		<div class="cir"></div>
		<div class="cir"></div>
	</div>
	<div class="imgbox">
		<img class="img im" src="__HIMG__/banner/banner-01.jpg">
		<img class="img" src="__HIMG__/banner/banner-02.jpg">
		<img class="img" src="__HIMG__/banner/banner-03.jpg">
		<img class="img" src="__HIMG__/banner/banner-04.jpg">
	</div>
</div>
<!-- 体验预览 -->
<div class="titlebox">
	<p>活动体验预览</p>
	<div class="line"></div>
	<span>热门游戏助你高效营销</span>
</div>
<div class="gameview">
	<ul>
		<li class="game-item">
			<div class="li-container">
				<div class="gameimgbox">
					<img src="__HIMG__/gameimg/1.png" alt="匍匐前进">
					<div class="ewm">
						<a href="#" >
							<div class="ewm-sys">
								<img src="__HIMG__/gameimg/ewm.png" alt="" >
								<img src="__HIMG__/gameimg/tiyan.jpg" alt="" class="tiyan" >
							</div>
						</a>
					</div>
				</div>
				<div class="item-bottom">
					<div class="titbox">
						<a href="appadd.html" class="item-title">匍匐前进</a>
					</div>
					<div class="btnbox clearfix">
						<a href="#" class="game-btn doit">开始制作</a>
						<a href="javascript:0" id="viewLink" class="game-btn detail">游戏预览</a>
					</div>
				</div>
			</div>
		</li>
		<li class="game-item">
			<div class="li-container">
				<div class="gameimgbox">
					<img src="__HIMG__/gameimg/2.png" alt="匍匐前进">
					<div class="ewm">
						<a href="#" >
							<div class="ewm-sys">
								<img src="__HIMG__/gameimg/ewm.png" alt="" >
								<img src="__HIMG__/gameimg/tiyan.jpg" alt="" class="tiyan" >
							</div>
						</a>
					</div>
				</div>
				<div class="item-bottom">
					<div class="titbox">
						<a href="appadd.html" class="item-title">匍匐前进</a>
					</div>
					<div class="btnbox clearfix">
						<a href="#" class="game-btn doit">开始制作</a>
						<a href="javascript:0" id="viewLink" class="game-btn detail">游戏预览</a>
					</div>
				</div>
			</div>
		</li>
		<li class="game-item">
			<div class="li-container">
				<div class="gameimgbox">
					<img src="__HIMG__/gameimg/3.png" alt="匍匐前进">
					<div class="ewm">
						<a href="#" >
							<div class="ewm-sys">
								<img src="__HIMG__/gameimg/ewm.png" alt="" >
								<img src="__HIMG__/gameimg/tiyan.jpg" alt="" class="tiyan" >
							</div>
						</a>
					</div>
				</div>
				<div class="item-bottom">
					<div class="titbox">
						<a href="appadd.html" class="item-title">匍匐前进</a>
					</div>
					<div class="btnbox clearfix">
						<a href="#" class="game-btn doit">开始制作</a>
						<a href="javascript:0" id="viewLink" class="game-btn detail">游戏预览</a>
					</div>
				</div>
			</div>
		</li>
		<li class="game-item">
			<div class="li-container">
				<div class="gameimgbox">
					<img src="__HIMG__/gameimg/4.png" alt="匍匐前进">
					<div class="ewm">
						<a href="#" >
							<div class="ewm-sys">
								<img src="__HIMG__/gameimg/ewm.png" alt="" >
								<img src="__HIMG__/gameimg/tiyan.jpg" alt="" class="tiyan" >
							</div>
						</a>
					</div>
				</div>
				<div class="item-bottom">
					<div class="titbox">
						<a href="appadd.html" class="item-title">匍匐前进</a>
					</div>
					<div class="btnbox clearfix">
						<a href="#" class="game-btn doit">开始制作</a>
						<a href="javascript:0" id="viewLink" class="game-btn detail">游戏预览</a>
					</div>
				</div>
			</div>
		</li>
		<li class="game-item">
			<div class="li-container">
				<div class="gameimgbox">
					<img src="__HIMG__/gameimg/5.png" alt="匍匐前进">
					<div class="ewm">
						<a href="#" >
							<div class="ewm-sys">
								<img src="__HIMG__/gameimg/ewm.png" alt="" >
								<img src="__HIMG__/gameimg/tiyan.jpg" alt="" class="tiyan" >
							</div>
						</a>
					</div>
				</div>
				<div class="item-bottom">
					<div class="titbox">
						<a href="appadd.html" class="item-title">匍匐前进</a>
					</div>
					<div class="btnbox clearfix">
						<a href="#" class="game-btn doit">开始制作</a>
						<a href="javascript:0" id="viewLink" class="game-btn detail">游戏预览</a>
					</div>
				</div>
			</div>
		</li>
		<li class="game-item">
			<div class="li-container">
				<div class="gameimgbox">
					<img src="__HIMG__/gameimg/6.png" alt="匍匐前进">
					<div class="ewm">
						<a href="#" >
							<div class="ewm-sys">
								<img src="__HIMG__/gameimg/ewm.png" alt="" >
								<img src="__HIMG__/gameimg/tiyan.jpg" alt="" class="tiyan" >
							</div>
						</a>
					</div>
				</div>
				<div class="item-bottom">
					<div class="titbox">
						<a href="appadd.html" class="item-title">匍匐前进</a>
					</div>
					<div class="btnbox clearfix">
						<a href="#" class="game-btn doit">开始制作</a>
						<a href="javascript:0" id="viewLink" class="game-btn detail">游戏预览</a>
					</div>
				</div>
			</div>
		</li>
		<li class="game-item">
			<div class="li-container">
				<div class="gameimgbox">
					<img src="__HIMG__/gameimg/7.png" alt="匍匐前进">
					<div class="ewm">
						<a href="#" >
							<div class="ewm-sys">
								<img src="__HIMG__/gameimg/ewm.png" alt="" >
								<img src="__HIMG__/gameimg/tiyan.jpg" alt="" class="tiyan" >
							</div>
						</a>
					</div>
				</div>
				<div class="item-bottom">
					<div class="titbox">
						<a href="appadd.html" class="item-title">匍匐前进</a>
					</div>
					<div class="btnbox clearfix">
						<a href="#" class="game-btn doit">开始制作</a>
						<a href="javascript:0" id="viewLink" class="game-btn detail">游戏预览</a>
					</div>
				</div>
			</div>
		</li>
		<li class="game-item">
			<div class="li-container">
				<div class="gameimgbox">
					<img src="__HIMG__/gameimg/8.png" alt="匍匐前进">
					<div class="ewm">
						<a href="#" >
							<div class="ewm-sys">
								<img src="__HIMG__/gameimg/ewm.png" alt="" >
								<img src="__HIMG__/gameimg/tiyan.jpg" alt="" class="tiyan" >
							</div>
						</a>
					</div>
				</div>
				<div class="item-bottom">
					<div class="titbox">
						<a href="appadd.html" class="item-title">匍匐前进</a>
					</div>
					<div class="btnbox clearfix">
						<a href="#" class="game-btn doit">开始制作</a>
						<a href="javascript:0" id="viewLink" class="game-btn detail">游戏预览</a>
					</div>
				</div>
			</div>
		</li>
	</ul>
</div>
<!-- 选择我们 -->
<div class="titlebox">
	<p>有前瞻性的企业，都选择了新推互动!</p>
	<div class="line"></div>
	<span>来自互联网金融、电商、医疗、O2O、在线教育、企业服务等多个领域的企业接入了微点应用小程序管理系统</span>
</div>
<div class="choice-box">
	<ul>
		<li>
			<img src="__HIMG__/choice/1.png" alt="">
		</li>
		<li>
			<img src="__HIMG__/choice/2.png" alt="">
		</li>
		<li>
			<img src="__HIMG__/choice/3.png" alt="">
		</li>
		<li>
			<img src="__HIMG__/choice/4.png" alt="">
		</li>
		<li>
			<img src="__HIMG__/choice/5.png" alt="">
		</li>
		<li>
			<img src="__HIMG__/choice/6.png" alt="">
		</li>
		<li>
			<img src="__HIMG__/choice/7.png" alt="">
		</li>
		<li>
			<img src="__HIMG__/choice/8.png" alt="">
		</li>
		<li>
			<img src="__HIMG__/choice/9.png" alt="">
		</li>
		<li>
			<img src="__HIMG__/choice/10.png" alt="">
		</li>
		<li>
			<img src="__HIMG__/choice/11.png" alt="">
		</li>
		<li>
			<img src="__HIMG__/choice/12.png" alt="">
		</li>
		<li>
			<img src="__HIMG__/choice/13.png" alt="">
		</li>
		<li>
			<img src="__HIMG__/choice/14.png" alt="">
		</li>
		<li>
			<img src="__HIMG__/choice/15.png" alt="">
		</li>
	</ul>
</div>

<!-- 底部引导注册 -->
<div class="qc-footer-action" id="g-footer-guide" style="">
	<div class="footer-action" data-id="g-footer-guide-1" style="">
		<div class="text">现在注册，即可免费试用所有产品</div>
		<div class="op-btns">
			<a href="#" class="bt" >免费注册</a>
		</div>
	</div>
	<svg class="action-bg" xmlns="http://www.w3.org/2000/svg">
		<g>
			<defs>
				<linearGradient id="Gradient1">
					<stop offset="0%" stop-color="#fff" stop-opacity="0"></stop>
					<stop offset="99%" stop-color="#fff" stop-opacity="0.2"></stop>
					<stop offset="99.9%" stop-color="#fff" stop-opacity="0.8"></stop>
					<stop offset="100%" stop-color="#fff" stop-opacity="0.8"></stop>
				</linearGradient>
			</defs>
			<!--第1行三种线条 start-->
			<rect x="316.013" y="30" width="200" height="2" stroke="white" stroke-width="0" fill="url(#Gradient1)">
				<animate attributeName="x" from="0" by="100%" begin="0" dur="15s" repeatCount="indefinite"></animate>
			</rect>
			<!--第1行三种线条 end-->

			<!--第2行三种线条 start-->
			<rect x="954.347" y="60" width="300" height="2" stroke="white" stroke-width="0" fill="url(#Gradient1)">
				<animate attributeName="x" from="0" by="100%" begin="25s" dur="15s" repeatCount="indefinite"></animate>
			</rect>
			<!--第2行三种线条 end-->

			<!--第3行三种线条 start-->
			<rect x="83.1687%" y="100" width="100" height="2" stroke="white" stroke-width="0" fill="url(#Gradient1)">
				<animate attributeName="x" from="0" by="100%" begin="5s" dur="15s" repeatCount="indefinite"></animate>
			</rect>

		</g>
	</svg>
</div>
<!-- footer部分 -->
<div class="footer-wrap">
	<div class="footer-main">
     	<div class="footer-main">
     	    <!-- 左边 -->
     		<div class="one-left">
			    <img src="__HIMG__/footerlogo.png" alt="">

     		</div>
     		<!-- 中间 -->
     		<div class="one-conter">
     			<ul class="first">
     				<li>产品与服务</li>
     				<li><a href="http://www.e355.cn/">新推互动</a></li>
     				<li><a href="http://www.e355.cn/">游戏互动</a></li>
     				<li><a href="http://www.e355.cn/">伙伴/代理招募计划</a></li>
     				<li><a href="http://x.xcxmake.com">帮助中心</a></li>
     			</ul>
     			<ul class="second">
     				<li>关于公司</li>
     				<li><a href="http://www.e355.cn/">公司简介</a></li>
     				<li><a href="http://www.e355.cn/">加入我们</a></li>
     			</ul>
     		</div>
     		<!-- 右边 -->
     		<div class="one-right">
     			<p>关注新推互动</p>
     		   <img src="__HIMG__/erweima.jpg" alt="">
     		</div>
     	</div>
	</div>
</div>
<div class="footer-copy">
	<div class="copyright">
		<p>Copyright©2013-2018,SHANGJIA INTERNET Co.,ltd.All Rights Reserved. 新推互动</p>
		<p>法律声明 皖ICP备15006585号-14  创业，别怕，我们一直在你身边！ </p>
	</div>
</div>

<!-- 轮播图 -->
<script>
	$(document).ready(function(){var t;var index=-1;var times=3000;t=setInterval(play,times);function play(){index++;if(index>3){index=0}
	$('.img').eq(index).fadeIn(1000).siblings().fadeOut(1000)
	$('.cir').eq(index).addClass('cr').siblings().removeClass('cr')}
	$('.cir').click(function(){$(this).addClass('cr').siblings().removeClass('cr')
	var index=$(this).index()
	$('.img').eq(index).fadeIn(600).siblings().fadeOut(600)})
	$('.pre').click(function(){index--
	if(index<0){index=3}
	$('.img').eq(index).fadeIn(1000).siblings().fadeOut(1000)
	$('.cir').eq(index).addClass('cr').siblings().removeClass('cr')})
	$('.next').click(function(){index++
	if(index>3){index=0}
	$('.img').eq(index).fadeIn(1000).siblings().fadeOut(1000)
	$('.cir').eq(index).addClass('cr').siblings().removeClass('cr')})
	$('.banner').hover(function(){clearInterval(t)},function(){t=setInterval(play,times)
	function play(){index++
	if(index>3){index=0}
	$('.img').eq(index).fadeIn(1000).siblings().fadeOut(1000)
	$('.cir').eq(index).addClass('cr').siblings().removeClass('cr')}});});
</script>

</body>
</html>